<!Doctype html>
<html lang="en">
<head lang="en">
    <meta charset="UTF-8">
    <!-- 包含头部信息用于适应不同设备
     width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。
     nitial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。
     通常情况下，maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- 包含 bootstrap 样式表 -->
    <link rel="stylesheet" href="<?php echo base_url();?>lib/bootstrap-3.3.0/css/bootstrap.min.css">
    <!--状态栏和导航栏的样式-->
    <link rel="stylesheet" href="<?php echo base_url();?>navigation.css">
    <script type="text/javascript" src="<?php echo base_url();?>lib/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>lib/bootstrap-3.3.0/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/item4.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/common.js"></script>
    <title>FAQ</title>
    <style rel="stylesheet">
        body, div, p, span, img, input, button {
        margin: 0px;
        padding: 0px;
        border: none;
    }
        body {
        background-color: rgb(239, 239, 239);

    }
        #container, #container div {
        margin: 0px;
        padding: 0px;
    }
    #container #list {

    }
    #container .q_item {
        margin: 33px 14px 0 14px;
        background-color: #ffffff;
        font-size: 16px;
    }
    .q_item #question {
        padding-top: 16px;
        padding-left: 14px;
        font-weight: bold;
    }
    .q_item #answer {
        padding: 16px 14px;
    }
    #container #div_form {
        padding: 20px 14px;
        background-color: #ffffff;
        position: fixed;
        bottom: 47px;
        width: 100%;
    }
    #container #problem {
        width: 100%;
        padding: 16px 14px;
        font-size: 16px;
        border: 2px solid #eeeeee;
    }
    #container #save_faq {
        margin: 10px 0px;
        width: 100%;
        height: 46px;
        font-weight: bold;
        font-size: 16px;
        background-color: #5ac8fa;
        color: #ffffff;
    }
    #container #form_desc {
        font-size: 10px;
        padding-bottom: 27px;
    }
    </style>
</head>
<body>
    <div class="container-fluid" id="container">
    <div class="row" id="header_row">
        <div class="col-xs-2" id="header_back">
            <?php if ($static) { ?>
            <img src="<?php echo base_url()?>res/images/template1/back_nor.png" alt="返回">
            <?php } ?>
        </div>
        <div class="col-xs-8" id="header_title">FAQ</div>
        <div class="col-xs-2"></div>
    </div>

		<div id="list">

        </div>
        <br>
        <div>
	        <form role="form">
            <input type="hidden" id="site_id" name="site_id" value="<?php echo $site_id;?>">
            <input type="hidden" id="t_id" name="t_id" value="<?php echo $t_id;?>">
            <input type="hidden" id="color" name="color" value="<?php echo $color;?>">
            <div id="div_form">
                <input type="text" id="problem" placeholder="提问">
                <button id="save_faq" type="button">提交</button>
                <div id="form_desc">如果没有您想问的问题，您可以发表问题，我们的客服人员会第一时间回复您！</div>
            </div>

	            <!-- <input type="hidden" id="site_id" name="site_id" value="<?php echo $site_id;?>">
		        <div class="form-group">
		            <input type="text" class="form-control" id="problem" placeholder="提问">
		        </div>
		        <div align="right">
		            <button id="save_faq" type="button" class="btn btn-primary">提交</button>
		        </div> -->
	        </form>
    	</div>
    </div>
    <input type="hidden" name="static" id="static" value="<?php echo $static;?>" />
    <?php if (!$static) { ?>
    <!-- 下一步 -->
    <div class="contaienr-fluid" id="footer_row">
        <div class="row">
            <div class="col-xs-6 text-center" id="nav_back">返回</div>
            <div class="col-xs-6 text-center" id="nav_next">下一步</div>
        </div>
    </div>
    <?php } ?>
</body>
</html>